<template>
    <svg class="icon" aria-hidden="true">
      <use :xlink:href="`#icon-${icon}`"></use>
    </svg>
  </template>
  
  <script setup>
  import { defineProps } from 'vue';
  defineProps({
    icon: {
      type: String,
      required: true,
    },
  });
  </script>
  
  <style scoped>
  .icon {
    width: 20px; /* 图标宽度 */
    height: 20px; /* 图标高度 */
    fill: currentColor; /* 继承当前文字颜色 */
    cursor: pointer;
  }
  </style>
  